<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
    <script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/gVerify.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<h4>交易平台辅助网站</h4>
	@include('error')
	<form name="form" class="mui-input-group" onsubmit="return isyzm()" action="login" method="post" >
		{{ csrf_field() }}
			<div class="mui-input-row">
				<label>手机号：</label>
				<input type="text" placeholder="请输入手机号" name="phone" value="" id="phone">
			</div>
			<div class="mui-input-row">
				<label>密码：</label>
				<input id="password" type="password" name="password" placeholder="请输入密码" value="">
			</div>
			<div class="mui-input-row">
				<label>验证码：</label>
				<input id="yzm"  type="text" placeholder="请输入验证码" value="">
				<div id="v_container"></div>
			</div>
		<div class="getpassword">
			<span class="mui-pull-left"><a href="register">注册账号？</a></span>
			<span id="foget" class="mui-pull-right"><a href="{{ route('password.request') }}">忘记密码？</a></span>
		</div>
		<div class="mui-content">
			<div class="mui-content-padded">
				<button type="submit" class="mui-btn mui-btn-primary mui-btn-block" id="btn" style="font-size: 0.4rem;">登录</button>
			</div>
		</div>
	</form>
		<script type="text/javascript">
			//		图形验证码
			var verifyCode = new GVerify("v_container");

            function isyzm() {
                var res = verifyCode.validate($('#yzm').val());
                if(res){
                    return true;
                }else{
                    alert('验证码错误');
                    return false;
                }
            }
		</script>
</body>
</html>